<template>
  <div id="OptimizeDesign">
    <h1>配料混合系统下料设定</h1>
    <!--TODO 日期在表单提交的时候写出，不在这里进行勾选-->
    <el-form ref="form" :model="form" label-width="100px">
      <el-form-item label="料仓1">
        <el-input v-model="form.cishu" style="width:100%"></el-input>
      </el-form-item>
      <el-form-item label="粒度">
        <el-input v-model="form.lidu" style="width:100%"></el-input>
      </el-form-item>
      <el-form-item label="成球率">
        <el-input v-model="form.chengqiulv" style="width:100%"></el-input>
      </el-form-item>
      <el-form-item label="生球水分">
        <el-input v-model="form.shengqiushuifen" style="width:100%"></el-input>
      </el-form-item>
      <el-form-item label="抗压强度/N">
        <el-input v-model="form.kangya" style="width:100%"></el-input>
      </el-form-item>
      <el-form-item label="落下强度/N">
        <el-input v-model="form.luoxia" style="width:100%"></el-input>
      </el-form-item>
      <el-form-item label="化验人">
        <el-input v-model="form.huayanren" style="width:100%"></el-input>
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="onSubmit">参数录入！</el-button>
        <el-button>取消录入</el-button>
      </el-form-item>
    </el-form>

  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        time: '',
        cishu: '',
        lidu: '',
        chengqiulv: '',
        shengqiushuifen: '',
        kangya: '',
        luoxia: '',
        huayanren: ''
      }
    }
  },
  methods: {
    onSubmit() {
      console.log('submit!');
    },
    onSubmit2() {
      console.log('submit!');
    }
  }
}
</script>

<style>
h1{
  font-family: 思源宋体;
}
.el-form-item__label{
  font-family: 思源宋体;
  font-size: medium;
}
.el-input__inner{
  width:40%;
}
</style>